﻿<UserControl
    x:Class="ColorReminder.Phone.Bumper"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400"
    Width="100"
    Height="100">
    <UserControl.Resources>
        <Storyboard
            x:Name="_highlight">
            <ColorAnimationUsingKeyFrames
                Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)"
                Storyboard.TargetName="rectangle">
                <EasingColorKeyFrame
                    KeyTime="0"
                    Value="White" />
                <EasingColorKeyFrame
                    KeyTime="0:0:0.9"
                    Value="White" />
                <EasingColorKeyFrame
                    KeyTime="0:0:1"
                    Value="Black" />
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid
        x:Name="LayoutRoot">
        <Rectangle
            x:Name="rectangle"
            Stroke="White"
            RenderTransformOrigin="0.5,0.5"
            StrokeThickness="5"
            Fill="Black">
            <Rectangle.RenderTransform>
                <CompositeTransform />
            </Rectangle.RenderTransform>
        </Rectangle>
        <TextBlock
            x:Name="_text"
            HorizontalAlignment="Center"
            TextWrapping="Wrap"
            Text="TextBlock"
            VerticalAlignment="Center"
            Style="{StaticResource PhoneTextSmallStyle}" />

    </Grid>
</UserControl>
